<div id="UserNav">
    <style>@@include('modules/user/UserNav/main.css.min')</style>
    <div class="user-center" id="UserCenter_vue">
        <ul class="welcome">
            <li class="avatar">
                <img class="image-sm-avatar" v-bind:src="user.avatar" v-if="user.avatar!=''"  alt="用户头像">
                <img class="image-sm-avatar" src="/img/defineAvatar46.png" v-else alt="用户头像">
            </li>
            <li class="nick" >
                <span idom="nick"></span>{{user.nick}}
            </li>
            <li class="phone">{{user.phone}}</span></li>
        </ul>
        <ul class="nav" idom="supplier">
            <li v-on:click="userInfo"><span class="icon-use"></span>
                个人资料
                <span class="icon-right"></span>
            </li>
            <li v-on:click="valueAddService"><span class="icon-taocan"></span>
                我的套餐
                <span class="icon-right"></span>
                <span class="no-open" v-if="expired"><div class="circular-no"></div>未开通</span>
                <span class="open-city" v-else ><div class="circular-yes"></div>已开通</span>
            </li>
            <li v-on:click="setService"><span class="icon-data02"></span>
                业务范围
                <span class="icon-right"></span>
            </li>
            <li v-on:click="vipLevel"><span class="icon-crown"></span>
                会员等级
                <span class="icon-right"></span>
                <span class="icon-tiepai" v-if="user.level==10">&nbsp;{{user.level_name.substring(0,2)}}</span>
                <span class="icon-jinpai" v-if="user.level==40">&nbsp;{{user.level_name.substring(0,2)}}</span>
            </li>
            <li v-on:click="aboutUs"><span class="icon-Doubt"></span>
                了解我们<span class="icon-right"></span>
            </li>
        </ul>
    </div>
</div>